<template>
    <customer-dialog v-model="visible" :show-header="false" :show-footer="false" :hide-on-click-modal="false">
        <div class="flexable p-20">
            <img :src="logo" alt="logo" class="mr-20"/>
            <div class="about-info">
                <div>The Monitor of
                    <div class="about-cai">Cross Application Invocation</div>
                </div>
                <div class="about-version">
                    Version: 1.2.0-23547892
                </div>
                <div class="dw-info">
                    by Dreamwork Lab,
                    under the <a href="https://opensource.org/licenses/MIT" target="_blank">
                    <i class="fa fa-fw fa-balance-scale"></i> MIT license
                </a>
                </div>
            </div>
        </div>
    </customer-dialog>
</template>
<script>
import logo from '@/assets/images/cai-logo-128.png';

import CustomerDialog from "@/components/customer-dialog.vue";

export default {
    props: {modelValue: Boolean},
    emits: ['update:modelValue'],
    computed: {
        visible: {
            get () { return this.modelValue; },
            set (value) { this.$emit ('update:modelValue', value); },
        }
    },
    components: {CustomerDialog},
    data () {
        return {
            logo
        }
    },
};
</script>